<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head th:include="common/common::common_head('登录角色选择')"></head>
<head>
  <link rel="stylesheet" th:href="@{/css/front/login-select.css}">
  <script th:src="@{/js/front/login-select.js}"></script>
</head>
<body>
    <!-- 引入公共的导航栏部分 -->
    <header th:include="common/common::common_header('login','选择登录的角色')"></header>

    <!-- 登录角色选择部分 -->
    <article>
      <div class="layui-container">
        <div class="layui-col-md3">
          <div class="layui-card">
            <div class="layui-card-header">
              <h1 style="color: rgb(217,119,155)">我是学员</h1>
            </div>
            <div class="layui-card-body">
              <img th:src="@{/image/front/xueyuan.png}" alt="">
            </div>
            <div class="layui-card-body">
              全真模拟试题 智能驾校筛选
              <br>
              专家技巧点评 助力轻松通关
            </div>
            <div class="layui-card-header">
              <a th:href="@{/page/learnerLogin}" class="layui-btn" style="background-color: rgb(217,119,155)">去登陆</a>
            </div>
          </div>
        </div>

        <div class="layui-col-md3">
          <div class="layui-card">
            <div class="layui-card-header">
              <h1 style="color: rgb(85,133,214)">我是管理员</h1>
            </div>
            <div class="layui-card-body">
              <img th:src="@{/image/front/jiaolian.png}" alt="">
            </div>
            <div class="layui-card-body">
              管理题库 设置考试题
              <br>
              审批管理员 设置考试时间
            </div>
            <div class="layui-card-header">
              <a th:href="@{/page/backLogin}" class="layui-btn" style="background-color: rgb(85,133,214)">去登录</a>
            </div>
          </div>
        </div>

      </div>
    </article>
    <hr>
    <!-- 公共的底部部分 -->
    <div th:replace="~{/common/common :: footer-common}"></div>
</body>
</html>